$(function () {
    getNewsTypeSortListByPage();
});
var total = 0;

//为当前显示条数文本框绑定回车事件
$('#size').bind('keypress', function (event) {
    if (event.keyCode == "13") {
        //敲击回车后重新按照新的显示条数加载页面
        getNewsTypeSortListByPage();
    }
});

//为当前页数文本框绑定回车事件
$('#pageipt').bind('keypress', function (event) {
    if (event.keyCode == "13") {
        getNewsTypeSortListByPage();
    }
});

//为上一页绑定点击事件
$('#lastpage').click(function () {
    //获取默认的当前页数和显示条数值
    let page = $("#pageipt").val();
    page--;
    if (page >= 1) {//如果不是第一页，则往前翻一页
        $("#pageipt").val(page);
        getNewsTypeSortListByPage();
    }
});

//绑定下一页点击事件
$('#nextpage').click(function () {
    //获取默认的当前页数和显示条数值
    let page = $("#pageipt").val();
    let size = $("#size").val();
    page++;
    if (page <= Math.ceil(total / size)) {
        $("#pageipt").val(page);
        getNewsTypeSortListByPage();
    }
});

//为首页绑定点击事件
$("#first").click(function () {
    let page = $("#pageipt").val();
    if (page > 1) {//如果当前页不是首页则跳转到首页，否则不做任何事情
        page = 1;
        $("#pageipt").val(page);
        getNewsTypeSortListByPage();
    }
});

//为尾页绑定点击事件
$("#last").click(function () {
    let page = $("#pageipt").val();
    let size = $("#size").val();
    if (page < Math.ceil(total / size)) {//如果当前页不是尾页，则跳转到尾页
        page = Math.ceil(total / size);
        $("#pageipt").val(page);
        getNewsTypeSortListByPage();
    }
});

//获取新闻类型列表
function getNewsTypeList() {
    let data = myAjax('/back/news/type', 'get', '', 'json');
    $("tbody").html("");
    $.each(data.newstype, function (i, newstype) {
        $("tbody").append("<tr><td><input type='checkbox'></td><td>" + newstype.id + "</td>" +
            "<td id='name" + newstype.id + "'>" + newstype.name + "</td>" +
            "<td id='href" + newstype.id + "'>" + newstype.href + "</td>" +
            "<td><button class='iconfont' onclick='edit($(this)," + newstype.id + ")'>&#xe608;</button><button class='iconfont' onclick='deleteNewsType(" + newstype.id + ")'>&#xe618;</button></td></tr>");
    });
}

//分页获取新闻类型列表
function getNewsTypeListByPage() {
    //获取默认的当前页数和显示条数值
    let page = $("#pageipt").val();
    let size = $("#size").val();

    //判断显示条数输入框中的值如果为空或者是非正数，则将size默认赋值为10，页面显示条数默认显示10条
    if (size.trim() == '' || size.trim() <= 0) {
        size = 5;
    }

    //判断页数输入框中的值如果为空或者是非正数，则将page默认赋值为1，页面默认显示第一页
    if (page.trim() == '' || page.trim() <= 0) {
        page = 1;
    }
    console.log(page + "," + size);
    let data = myAjax('/back/news/type', 'post', {"page": page, "size": size}, 'json');
    $("tbody").html("");
    $.each(data.newstype.list, function (i, newstype) {
        $("tbody").append("<tr><td><input type='checkbox'></td><td>" + newstype.id + "</td>" +
            "<td id='name" + newstype.id + "'>" + newstype.name + "</td>" +
            "<td id='href" + newstype.id + "'>" + newstype.href + "</td>" +
            "<td><button id='edit" + newstype.id + "' onclick='edit(" + newstype.id + ")'><i class='iconfont'>&#xe608;</i></button>" +
            "<button id='confirm" + newstype.id + "' hidden='hidden' onclick='confirm(" + newstype.id + ")'><i class='iconfont'>&#xe714;</i></button>" +
            "<button class='iconfont' onclick='deleteNewsType(" + newstype.id + ")'>&#xe618;</button></td></tr>");
    });
    total = data.newstype.total;
    //显示总条数
    $("#pagecount").text(total);
    console.log(total);
}

//分页排序获取新闻类型列表
function getNewsTypeSortListByPage() {
    //获取默认的当前页数和显示条数值
    let name = $.trim($("#name").val());
    let page = $("#pageipt").val();
    let size = $("#size").val();
    let sort = $("#sort").find("option:selected").val();
    //判断显示条数输入框中的值如果为空或者是非正数，则将size默认赋值为10，页面显示条数默认显示10条
    if (size.trim() == '' || size.trim() <= 0) {
        size = 5;
    }

    //判断页数输入框中的值如果为空或者是非正数，则将page默认赋值为1，页面默认显示第一页
    if (page.trim() == '' || page.trim() <= 0) {
        page = 1;
    }
    let data = {
        'name': name,
        'page': page,
        'size': size,
        'sort': sort
    };
    console.log(page + "," + size);
    let result = myAjax('/back/newstype/info', 'post', data, 'json');
    $("tbody").html("");
    console.log(result);
    $.each(result.newstype.list, function (i, newstype) {
        $("tbody").append("<tr><td><input type='checkbox'></td>" +
            "<td>" + newstype.id + "</td>" +
            "<td id='name" + newstype.id + "'>" + newstype.name + "</td>" +
            "<td id='href" + newstype.id + "'>" + newstype.href + "</td>" + setShow(newstype.id, newstype.isShow) +
            "<td><button id='edit" + newstype.id + "' onclick='editButton(" + newstype.id + ")'><i class='iconfont'>&#xe608;</i></button>" +
            "<button id='confirm" + newstype.id + "' hidden='hidden' onclick='confirmButton(" + newstype.id + ")'><i class='iconfont'>&#xe714;</i></button>" +
            "<button class='iconfont' onclick='deleteNewsType(" + newstype.id + ")'>&#xe618;</button></td></tr>");
    })
    total = result.newstype.total;
    //显示总条数
    $("#pagecount").text(total);
    console.log(total);
}

function setShow(id, show) {
    if (show == 1)
        return "<td><i class='iconfont' onclick='updateShow(" + id + ",0)'>&#xe60a;</i></td>";
    else
        return "<td><i class='iconfont' onclick='updateShow(" + id + ",1)'>&#xe610;</i></td>";
}

function updateShow(id, show) {
    let data = myAjax("/back/news/type/show", 'post', {"id": id, "show": show}, 'text');
    if (data == 1)
        getNewsTypeSortListByPage();
    else
        alert("异常！");
}

//添加新闻类型
function addNewsType() {
    let name = $("#addname").val();
    let href = $("#addhref").val();
    if (name != "" && href != "") {
        let data = myAjax('/back/news/type/add', 'post', {"name": name, "href": href}, 'text');
        console.log(data);
        if (data == 1)
            alert("添加成功！");
        else if (data == 0)
            alert("添加失败！");
        $(".right").load("../html/back/news/newstype.html");
    } else
        alert("所要添加的信息不完全，请先完善信息")

}

//点击编辑按钮时的切换
function editButton(id) {
    $("#name" + id).attr("contenteditable", true);
    $("#name" + id).attr("style", "color:red;");
    $("#href" + id).attr("contenteditable", true);
    $("#href" + id).attr("style", "color:red;");
    $("#edit" + id).attr("hidden", true);
    $("#confirm" + id).removeAttr("hidden");
    $("#name" + id).focus();


}

function confirmButton(id) {
    let name = $("#name" + id).text();
    let href = $("#href" + id).text();
    editNewsType(name, href, id);
}

//修改新闻类型
function editNewsType(name, href, id) {
    if (name != "" && href != "") {
        let data = {
            "id": id,
            "name": name,
            "href": href
        };
        let result = myAjax('/back/news/type/manage', 'post', data, 'text');
        console.log(result);
        if (result > 0)
            alert("修改成功！");
        else if (result == 0)
            alert("修改失败！");
        getNewsTypeSortListByPage();
        return true;
    } else {
        alert("修改数据不能为空！");
        getNewsTypeSortListByPage();
        return false;
    }

}

//删除新闻类型
function deleteNewsType(id) {
    let flag = confirm("确定删除？");
    if (flag) {
        let data = myAjax('/back/news/type/manage', 'get', {"id": id}, 'text');
        if (data > 0)
            alert("删除成功！");
        else
            alert("删除异常！");
        getNewsTypeSortListByPage();
    }
}

//搜索新闻类型
$('#find').click(function () {
    getNewsTypeSortListByPage();
});